<template>
  <el-dialog
    :visible.sync="visible"
    :close-on-click-modal="false"
    :before-close="beforeClose"
    append-to-body
    title="拒绝详情"
    width="500px"
  >
    <p>拒绝机构： {{ relatedData.confuse_person || '-' }}</p>
    <p>拒绝时间： {{ refuseTime }}</p>
    <p>拒绝理由： {{ relatedData.confuse_des || '-' }}</p>
  </el-dialog>
</template>
<script>
export default {
  components: {},
  props: {
    visible: Boolean,
    relatedData: {
      type: Object,
      default() {
        return {}
      },
    },
  },
  data() {
    return {}
  },
  computed: {
    refuseTime() {
      return this.$utils.dateFormat(this.relatedData.confuse_time, 'yyyy.MM.dd')
    },
  },
  watch: {},
  created() {},
  mounted() {},
  methods: {
    beforeClose() {
      this.$emit('update:visible', false)
    },
  },
}
</script>
<style lang="scss" scoped></style>
